<style type="text/css">body {
  font-family: 'Helvetica', 'Arial', sans-serif;
  color: #444444;
  font-size: 12pt;
  background-color: #FAFAFA;
  }

  mark {
  background-color: rgb(153,50,204,0.3);
  color: black;
  }

  ul {
  text-align: left;
  list-style-position: inside;
  }

  textarea {
  font-size: 18px;
  margin: 0 auto;
  display: block;
  }

  #submitButton {
  font-size:20pt;
  color:white;
  background-color:green;
  border:2px solid #336600;
  padding:3px;
  }

     table {
     border-spacing: 5;
     }

     .bb {
     border-bottom: 2px dotted black;
     }
</style>
<h1 align="center"><span style="color:#FF8C00;">New Instructions: </span>Tweak a&nbsp;story to make it <span style="color:#0000CD;"><strong>implausible</strong></span></h1>

<h3 align="center"><span style="color:#FF8C00;">Please READ if you have not seen this symbol before: </span>⚽</h3>

<h3 align="center"><mark>Overview</mark></h3>

<div style="width: 1000px; margin: 0px auto; text-align: center;">You will be shown a&nbsp;three-part story. Slightly modify the middle part so that it becomes&nbsp;<strong>inconsistent</strong>.</div>

<h3 align="center"><mark>Instructions</mark></h3>

<div style="width:1000px; margin:0 auto;">
<ol>
  <li>Review a&nbsp;<strong>three-part</strong> story. The beginning, middle,&nbsp;and&nbsp;ending of the story are given.</li>
  <li>Rewrite&nbsp;the&nbsp;<strong>middle</strong> with <strong>minimal changes</strong>, so that the whole story becomes<em>&nbsp;<strong>unlikely</strong></em>, <strong><em>improbable</em></strong>, or <strong><em>inconsistent</em></strong>.</li>
</ol>
</div>

<h3 align="center"><mark>Examples</mark></h3>

<table align="center" style="border: 0.1px solid black;" width="1200px">
  <colgroup>
    <col span="1" />
    <col span="1" style="background-color:rgb(0, 255, 128, 0.2)" />
    <col span="1" />
    <col span="1" style="background-color:rgb(0, 255, 128, 0.2)" />
    <col span="1" />
    </colgroup>
  <tbody>
    <tr>
      <th>&nbsp;</th>
      <th colspan="1">Given</th>
      <th colspan="1">Your Annotation</th>
      <th colspan="1">Given</th>
      </tr>
    <tr align="center">
      <th class="bb">&nbsp;</th>
      <th class="bb">Beginning</th>
      <th class="bb">What happened between the two parts?</th>
      <th class="bb">Ending</th>
      </tr>
    <tr>
      <td rowspan="1">1.</td>
      <td>
	<style type="text/css">p.p1 {margin: 0.0px 0.0px 0.0px 0.0px; font: 11.0px Menlo; color: #000000}
span.s1 {font-variant-ligatures: no-common-ligatures}
	  </style>
	<p>Lauren finished her late night shift at the bar feeling tired.</p>
	</td>
      <td>
	<p><span style="color:#FF8C00;"><strong>Original version:&nbsp;Lauren took a long hot bath when she got home.</strong></span></p>

	<p><span style="color:#0000CD;"><strong>Your version:&nbsp;Lauren's husband took a long hot bath when he got home.</strong></span></p>
	</td>
      <td>
	<style type="text/css">p.p1 {margin: 0.0px 0.0px 0.0px 0.0px; font: 11.0px Menlo; color: #000000}
span.s1 {font-variant-ligatures: no-common-ligatures}
	  </style>
	<p>Lauren's husband was glad to see her feeling refreshed.</p>
	</td>
      </tr>
    <tr>
      <td rowspan="1">2.</td>
      <td>
	<style type="text/css">p.p1 {margin: 0.0px 0.0px 0.0px 0.0px; font: 11.0px Menlo; color: #000000}
span.s1 {font-variant-ligatures: no-common-ligatures}
	  </style>
	<p>My mom was about to drive across a train track.</p>
	</td>
      <td>
	<style type="text/css">p.p1 {margin: 0.0px 0.0px 0.0px 0.0px; font: 11.0px Menlo; color: #000000}
span.s1 {font-variant-ligatures: no-common-ligatures}
	  </style>
	<p><span style="color:#FF8C00;"><strong>Original version:&nbsp;My mom saw a train coming even though the gates were up.</strong></span></p>

	<p><strong>
	    <style type="text/css">p.p1 {margin: 0.0px 0.0px 0.0px 0.0px; font: 11.0px Menlo; color: #000000}
span.s1 {font-variant-ligatures: no-common-ligatures}
	      </style>
	    </strong></p>

	<p><strong><span style="color:#0000CD;">Your&nbsp;version:&nbsp;My mom saw a train coming even though the gates were down.</span></strong></p>
	</td>
      <td>
	<style type="text/css">p.p1 {margin: 0.0px 0.0px 0.0px 0.0px; font: 11.0px Menlo; color: #000000}
span.s1 {font-variant-ligatures: no-common-ligatures}
	  </style>
	<p>My mom slammed on the brakes just in time.</p>
	</td>
      </tr>
    <tr>
      <td rowspan="1">3.</td>
      <td>
	<style type="text/css">p.p1 {margin: 0.0px 0.0px 0.0px 0.0px; font: 11.0px Menlo; color: #000000}
span.s1 {font-variant-ligatures: no-common-ligatures}
	  </style>
	<p>Jessica hadn't seen her sister in months.</p>
	</td>
      <td>
	<p><span style="color:#FF8C00;"><strong>Original version: Jessica called her sister called and apologized.</strong></span></p>

	<p><span style="color:#0000CD;"><strong>Your version: Her sister called her and apologized.</strong></span></p>
	</td>
      <td>Her sister accepted her apology.</td>
      </tr>
    <tr>
      <td rowspan="1">4.</td>
      <td>
	<style type="text/css">p.p1 {margin: 0.0px 0.0px 0.0px 0.0px; font: 11.0px Menlo; color: #000000}
span.s1 {font-variant-ligatures: no-common-ligatures}
	  </style>
	<p>Pablo wanted a jawbreaker.</p>
	</td>
      <td>
	<p><span style="color:#FF8C00;"><strong>Original version:&nbsp;Pablo checked his pockets for money.</strong></span></p>

	<p><span style="color:#0000CD;"><strong>Your version:&nbsp;Pablo checked his empty pockets for money.</strong></span></p>
	</td>
      <td>
	<style type="text/css">p.p1 {margin: 0.0px 0.0px 0.0px 0.0px; font: 11.0px Menlo; color: #000000}
span.s1 {font-variant-ligatures: no-common-ligatures}
	  </style>
	<p>Then he bought his candy.</p>
	</td>
      </tr>
    <tr>
      <td>5.</td>
      <td>
	<style type="text/css">p.p1 {margin: 0.0px 0.0px 0.0px 0.0px; font: 11.0px Menlo; color: #000000}
span.s1 {font-variant-ligatures: no-common-ligatures}
	  </style>
	<p>Ann loved cake.</p>
	</td>
      <td>
	<p><span style="color:#FF8C00;"><strong>Original version:&nbsp;The local baker offered Ann a job with no pay.</strong></span></p>

	<p><span style="color:#0000CD;"><strong>Your version:&nbsp;The local baker offered Ann a job with a good&nbsp;pay.</strong></span></p>
	</td>
      <td>
	<style type="text/css">p.p1 {margin: 0.0px 0.0px 0.0px 0.0px; font: 11.0px Menlo; color: #000000}
span.s1 {font-variant-ligatures: no-common-ligatures}
	  </style>
	<p>Ann felt insulted by the lady's offer.</p>
	</td>
      </tr>
    <tr>
      <td>6.</td>
      <td>
	<style type="text/css">p.p1 {margin: 0.0px 0.0px 0.0px 0.0px; font: 11.0px Menlo; color: #000000}
span.s1 {font-variant-ligatures: no-common-ligatures}
	  </style>
	<p>Jeffries's remote ran out of batteries.</p>
	</td>
      <td>
	<p><span style="color:#FF8C00;"><strong>Original version:&nbsp;It was the third time this month he had to buy batteries.</strong></span></p>

	<p><span style="color:#0000CD;"><strong>Your version:&nbsp;It was the first time in 10 years he had to buy batteries.</strong></span></p>
	</td>
      <td>
	<style type="text/css">p.p1 {margin: 0.0px 0.0px 0.0px 0.0px; font: 11.0px Menlo; color: #000000}
span.s1 {font-variant-ligatures: no-common-ligatures}
	  </style>
	<p>He made sure to buy rechargeable batteries this time.</p>
	</td>
      </tr>
    </tbody>
</table>

<h3 align="center"><mark>Tips and Rules</mark></h3>

<div style="width:800px; margin:0 auto;">
<ol>
  <li><u>General</u>

    <ul>
      <li>Input sentences must <font color="green">minimally</font> alter the given middle.</li>
      <li>Add at most ~4&nbsp;new words to the story, and/or remove at most ~4 existing words.</li>
      <li>Your sentence should be <font color="green">grammatical</font> and syntactically correct.</li>
      <li>Stick to the <font color="green">context</font> of the given story. If the story talks about "doctors", you are welcome to talk about "health" or "diagnosis" for example, but don't mention "aliens".</li>
      </ul>
    </li>
  <li><u>Authoring the middle</u>
    <ul>
      <li><font color="red">Avoid</font> introducing any <span style="color:#FF0000;">extraneous</span> information.</li>
      <li>Use <font color="green">names</font> instead of <font color="red">pronouns </font> (e.g. he / she) wherever possible.</li>
      <li><font color="red">Avoid</font>&nbsp;simply <span style="color:#FF0000;">negating</span>&nbsp;the original version: "She likes cakes." -> "She doesn't like cakes."&nbsp;</li>
      </ul>
    </li>
</ol>
</div>

<hr />
<h3 align="center"><mark>Your Annotation</mark></h3>

<div style="width:1200px; margin:0 auto;">
<table align="center" border="0.1" width="1200px">
  <colgroup>
    <col span="1" style="background-color:rgb(0, 255, 128, 0.2)" />
    <col span="1" />
    <col span="1" />
    <col span="1" />
    <col span="1" style="background-color:rgb(0, 255, 128, 0.2)" />
    <col span="1" />
    </colgroup>
  <tbody>
    <tr align="center">
      <th>Beginning</th>
      <th>&nbsp;</th>
      <th width="30%">
	<p><strong>Tweak the <span style="color:#FF8C00;">original middle</span>, making the<span style="color:#0000CD;"> whole story <u>inconsistent</u></span>.</strong></p>
	</th>
      <th>&nbsp;</th>
      <th>Ending</th>
      </tr>
    <tr>
      <td>${InputSentence1}</td>
      <td align="center"><font size="100">&rarr;</font></td>
      <td>
	<p>&nbsp;</p>

	<p><span style="color:#FF8C00;"><strong>Original middle:&nbsp;${GoldMiddle}</strong></span></p>

	<p><span style="color:#0000CD;"><strong>Your version:</strong></span></p>
	<textarea cols="30" id="story1" name="story1" required="" rows="4"></textarea>

	<p><input id="InconsistentOriginalMiddle" name="InconsistentOriginalMiddle" type="checkbox" value="yes" /><label for="InconsistentOriginalMiddle">&nbsp;The <span style="color:#FF8C00;">original middle</span> does <span style="color:#FF0000;">not</span> make a plausible story.</label></p>
	</td>
      <td align="center"><font size="100">&rarr;</font></td>
      <td>${InputSentence5}</td>
      </tr>
    <tr>
      </tr>
    </tbody>
</table>
</div>

<p><input id="InputStoryid" name="InputStoryid" type="hidden" value="${InputStoryid}" /> <input id="ending" name="ending" type="hidden" value="${ending}" /> <input id="GoldMiddle" name="GoldMiddle" type="hidden" value="${GoldMiddle}" /> <input id="InputSentence1" name="InputSentence1" type="hidden" value="${InputSentence1}" /> <input id="InputSentence2" name="InputSentence2" type="hidden" value="${InputSentence2}" /> <input id="InputSentence3" name="InputSentence3" type="hidden" value="${InputSentence3}" /> <input id="InputSentence4" name="InputSentence4" type="hidden" value="${InputSentence4}" /> <input id="InputSentence5" name="InputSentence5" type="hidden" value="${InputSentence5}" /> <input id="RandomMiddleSentenceQuiz1" name="RandomMiddleSentenceQuiz1" type="hidden" value="${RandomMiddleSentenceQuiz1}" /> <input id="RandomMiddleSentenceQuiz2" name="RandomMiddleSentenceQuiz2" type="hidden" value="${RandomMiddleSentenceQuiz2}" /> <input id="CSK1" name="CSK1" type="hidden" value="${CSK1}" /> <input id="AnswerRightEnding" name="AnswerRightEnding" type="hidden" value="${AnswerRightEnding}" /></p>

<p align="center"><input id="submitButton" type="submit" value="Submit" /></p>
<style type="text/css">p.p1 {margin: 0.0px 0.0px 0.0px 0.0px; font: 11.0px Menlo; color: #000000}
span.s1 {font-variant-ligatures: no-common-ligatures}
</style>
<style type="text/css">p.p1 {margin: 0.0px 0.0px 0.0px 0.0px; font: 11.0px Menlo; color: #000000}
span.s1 {font-variant-ligatures: no-common-ligatures}
</style>
<style type="text/css">p.p1 {margin: 0.0px 0.0px 0.0px 0.0px; font: 11.0px Menlo; color: #000000}
span.s1 {font-variant-ligatures: no-common-ligatures}
</style>
<style type="text/css">p.p1 {margin: 0.0px 0.0px 0.0px 0.0px; font: 11.0px Menlo; color: #000000}
span.s1 {font-variant-ligatures: no-common-ligatures}
</style>
<style type="text/css">p.p1 {margin: 0.0px 0.0px 0.0px 0.0px; font: 11.0px Menlo; color: #000000}
span.s1 {font-variant-ligatures: no-common-ligatures}
</style>
<style type="text/css">p.p1 {margin: 0.0px 0.0px 0.0px 0.0px; font: 11.0px Menlo; color: #000000}
span.s1 {font-variant-ligatures: no-common-ligatures}
</style>
<style type="text/css">p.p1 {margin: 0.0px 0.0px 0.0px 0.0px; font: 11.0px Menlo; color: #000000}
span.s1 {font-variant-ligatures: no-common-ligatures}
</style>
